export default {
  // 为当前模块开启命名空间
  namespaced: true,

  // 模块的 state 数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),

  // 模块的 mutations 方法
  mutations: {
      addToCart(state, goods) {
         // 根据提交的商品的Id，查询购物车中是否存在这件商品
         // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
         const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
   
         if (!findResult) {
           // 如果购物车中没有这件商品，则直接 push
           state.cart.push(goods)
         } else {
           // 如果购物车中有这件商品，则只更新数量即可
           findResult.goods_count++
         }
         
         // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
          this.commit('m_cart/saveToStorage')
      },
      
      // 更新购物车中商品的勾选状态
      updateGoodsState(state, goods) {
        const findResult = state.cart.find( x => x.goods_id === goods.goods_id)
        
        if(findResult) {
          findResult.goods_state = goods.goods_state
          // 将结果持久化存储本地
          this.commit('m_cart/saveToStorage')
        }
        
      },
      updateGoodsCount(state, goods) {
        const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
        
        if(findResult) {
          findResult.goods_count = goods.goods_count
          
          this.commit('m_cart/saveToStorage')
        }
      },
      // 根据id从购物车中删除对应商品的信息
      removeGoodsById(state, goods_id) {
        // 调用filter方法进行过滤  跟换数组信息，在进行渲染得以删除
        state.cart = state.cart.filter(x => x.goods_id !== goods_id)
        // 存储本地
        this.commit('m_cart/saveToStorage')
      },
      
      updateAllGoodsState(state, newState) {
        // 循环更新购物车中的每件商品数量勾选状态
        state.cart.forEach(x => x.goods_state = newState)
        
        this.commit('m_cart/saveToStorage')
      },
      
      // 将购物车中的数据持久化存储到本地
      saveToStorage(state) {
         uni.setStorageSync('cart', JSON.stringify(state.cart))
      }
      
  },
  
  // 模块的 getters 属性
  getters: {
    // 统计购物车的商品总数量
    total(state) {
      // let c = 0
      // // // 循环统计商品数量，累加变量c中
      // state.cart.forEach(goods => c += goods.goods_count)
      // return c
      
      return state.cart.reduce((total, item) => total += item.goods_count , 0)
    },
    
    total_num(state) {
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count , 0)
    },
    
    // 勾选商品的数量状态
    checkedCount(state) {
      // 先试用filter方法，从购物车过滤器已勾选的商品
      // 在使用reduce方法，将勾选的商品数量进行累加
      // reduce（） 的返回值就是已勾选的商品的总数量
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
      
    },
    
    // 已勾选商品的总价
    checkedGoodsAmount(state) {
      // 过滤已勾选的商品
      // 商品数量* 单价 在进行累加
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price, 0)
                         .toFixed(2)
    }
  }
  
}